﻿.whh{background: #b97d49;height: 33px;overflow: hidden;}
.wh{width: 1200px;position: relative;left: 50%;margin-left: -600px;}
.headd{font:400 13px/33px "微软雅黑";color:#fff;}
.headd a{color:#fff;}
.banben{line-height: 82px;}

/*搜索和热门搜索*/
.search {
    position: relative;
    float: right;
    width:34px;
    height:33px;
    cursor: pointer;
    z-index: 99;
    margin-top: 22px;
}

.search1 {
    width:34px;
    height:33px;
    background: url(../images/sss.png) no-repeat;
}

#formsearch1 {
    position: absolute;
    z-index: 20;
    top:53px;
    right:0;
    display: none;
    width:382px;
    margin-left: -20px;
    padding:38px 27px 0;height:172px;
    background:rgba(255,255,255,.9);
}

#formsearch1 input {
    position: absolute;
    top: 1px;
    width: 100%;
    height: 68px;
}

#formsearch1 input:focus {
    border-color: #66afe9;
    outline:none;border:none;

}

.sinput {
    position: relative;width:326px;
    height: 68px;background: url(../images/sou.png) no-repeat;
}

#formsearch1 input#keyword {
    outline: none;color:#bdbdbd;font-size:14px;background:none;border:none;
}

#formsearch1 input#s_btn {
    position: absolute;
    z-index: 2;
    top: 0px;
    right: -1px;
    width: 65px;
    height: 68px;
    border: 0;
   outline:none;background:none;border:none;
   cursor: pointer;
}

#formsearch1 input::-webkit-input-placeholder {color:#bdbdbd;}
#formsearch1 textarea::-webkit-input-placeholder {color: #bdbdbd;}



/*产品展示*/
.con1{background: url(../images/bj1.png) repeat-x center bottom;height:430px;overflow: hidden;margin-top:67px;}
.c1a{width:594px;height: 429px;}
.c1a img{width:594px;height: 429px;}
.c1b{width: 565px;}
.c1b1{height:103px;background: url(../images/x1.png) no-repeat left bottom;font-size: 14px;color:#808080;text-transform:uppercase;letter-spacing:7px;margin-top:18px;}
.c1b1 span{color:#1b1b1b;font-size:33px;display:block;letter-spacing:0;margin-top:12px;}



.c1b2{font:400 14px/36px "微软雅黑";color: #5a5a5a;margin-top:78px;height:138px;overflow:hidden;}
.c1b3{width: 130px;height: 38px;background: url(../images/m1.png) no-repeat;margin-top:18px;line-height: 38px;}
.c1b3 a{color:#fff;font-size:14px;padding-left: 16px;}
.c1b3:hover{background: url(../images/m1hove.png) no-repeat;}


.cpzs{}
.index_product_img{margin-left: 82px;width: 1184px;overflow: hidden;}
.index_product_img .title{height:43px;line-height: 43px;background-color: #eaeae9;}
.index_product_img .title .tjcp_title{width: 167px;height: 43px;background: url('../images/03.png')no-repeat;font-size: 16px;color: #ffffff;font-weight: bold;text-indent: 45px;}
.index_product_img .title a{display: block;width: 80px;text-align: center;}

.index-product-list{margin-top: 18px;}
.index-product-list ul li{
    width: 278px;
    text-align: center;
    margin-right: 10px;
    transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
}
.index-product-list ul li img{width: 278px;height:200px;}
.index-product-list ul li a{display: block;}
.index-product-list ul li:hover h3 a{color:#b97d49;}
.index-product-list ul li h3{color:#010101;font-size: 16px;line-height: 33px;}


/*产品展示 end*/
.con2{margin-top: 66px;}
.c2t{text-align: center;background: url(../images/c2.png) no-repeat center center;font-size: 33px;color:#1b1b1b;}
.prolist0{margin-top: 36px;position: relative;}
.prolist{text-align: center;}
.prolist li{text-align:center;height:34px;line-height:34px;display: inline-block;/*width:143px;*/color:#5a5a5a;font-size:15px;cursor:pointer;padding:0 37px;}
.prolist li+li{background: url(../images/x2.png) no-repeat left center;}
.prolist li.cur{color:#fff;background: #1f3784;}
.prolist li.cur+li{background:none;}
.prolist li a{color:#5a5a5a;}
.prolist li:hover{color:#fff;background: #1f3784;}
.prolist li:hover a{color:#fff;}



.c2m3{text-align:center;height:37px;line-height:37px;position: absolute;right: 316px;top:0;
    width:152px;color:#5a5a5a;font-size:16px;background: url(../images/s1.png) no-repeat;}
.proimg{display:none;}
.proimg.clicked{display:block;}



.c22{height: 858px;background: url(../images/pp.jpg) no-repeat top center;margin-top:35px;overflow: hidden;}
.proimg{padding-top:60px;}
.proimg li{float:left;position:relative;margin-right:10px;margin-bottom:30px;border:2px solid #dcdcdc;background: #fff;}
.proimg li .img{}
.proimg li .img img{width:288px;height:259px;}
.proimg li .det{text-align: center;}
.proimg li h3{width:248px;margin:0 auto;font-weight:normal;color:#333333;font-size:16px;height: 40px;line-height: 40px;background: #fff;overflow:hidden;border-top:2px solid #9b9b9b;}
.proimg li:nth-child(4n){margin-right: 0;}
.proimg li:hover{border:2px solid #dcdcdc;}
.proimg li:hover h3{border-color:#1f3784;color:#1f3784;}
.c22m3{width:230px;height:52px;border-radius: 30px;margin:20px auto 0;background: #eeeeee;text-align: center;}
.c22m3 a{font-size: 18px;color:#333333;line-height: 52px;}
.c22m3:hover a{font-size: 20px;}




.con3{margin-top:67px;margin-bottom:67px;}
.c3{margin-top:40px;}
.c3ads{}
.c3ads li{float:left;border: 1px solid #e5e5e5;}
.c3ads li img{width:198px;height: 121px;}
.c3ads li:hover{border: 1px solid #1f3784;}





/*产品轮播*/
.index_product{background:url(../images/con4.jpg) no-repeat center;height: 470px;}
.product-list{position: relative;padding-top: 64px;}
.product-list .hd a{display: block;width: 56px;height: 56px;position: absolute;z-index: 111;top: 54%;cursor: pointer;}
.product-list .hd .next{background: url('../images/le.png')no-repeat center center; left: -70px;}
.product-list .hd .prev{background: url('../images/re.png')no-repeat center center; right: -70px;}
.product-list .hd .next:hover{background: url('../images/le1.png')no-repeat center center; left: -70px;}
.product-list .hd .prev:hover{background: url('../images/re1.png')no-repeat center center; right: -70px;}
.product-list .bd {width: 1200px;margin: 0 auto;overflow: hidden;}
.product-list .bd ul li{float: left;margin-right:28px;background-color: #fff;width:582px;padding:10px 0;}
.product-list .bd ul li:hover{box-shadow: -4px 5px 20px #e1dedc;}
.product-list .bd ul li .ys1{width: 216px;margin-left: 18px;margin-top:6px;}
.product-list .bd ul li .ys1 img{width:201px;height:253px;}
.product-list .bd ul li .ys2{width:291px;margin-left:30px;padding-top: 39px;}
.product-list .bd ul li .ys2 h3{color:#1b1b1b;font-size: 18px;}
.product-list .bd ul li .ys2 h4{color:#969696;font-size: 16px;padding-top: 11px;}
.product-list .bd ul li .ys2 .xian{background: #e7e7e7;height:2px;margin-top: 26px;}
.product-list .bd ul li .ys2 p{font:400 13px/22px "微软雅黑";color:#969696;padding-top: 26px;}
/*产品轮播 end*/




.con44{background: url(../images/con44.png) no-repeat top center;height: 239px;}
.c4ads{padding-top:42px;}
.c2t0{text-align: center;background: url(../images/t2.png) no-repeat center center;font-size: 33px;color:#1b1b1b;}
.c4ads li{float: left;width: 112px;height: 128px;text-align: center;background: url(../images/c4a.png) no-repeat;}
.c4ads li+li{margin-left:160px;}
.c4ads li img{text-align: center;width: 54px;margin: 0 auto;margin-top: 38px;}
.c4ads li h3{color:#fff;font-size: 16px;padding-top:55px;}
.c4ads li:hover{background: url(../images/c4b.png) no-repeat;}
.c4ads li:hover h3{font-weight:bold;}

.con5{margin-top: 62px;padding-bottom: 52px;}
.prolist2{text-align: center;margin-top: 22px;}
.prolist2 li{text-align:center;height:31px;line-height:31px;display: inline-block;
    width:95px;color:#000000;font-size:16px;background: #eeeeee;margin:0 15px;}
.prolist2 li.cur{color:#000000;}
.proimg2{}


.proimg2{width: 1200px;position: relative;left: 50%;margin-left: -600px;padding-top: 55px;}
.proimg2 li{float:left;position:relative;margin-right:46px;width:369px;height:375px;background: #fff;box-shadow: -2px 2px 10px #e1dedc;}
.proimg2 li .img{}
.proimg2 li .img img{width:369px;height:191px;}
.proimg2 li .det{text-align: center;}
.proimg2 li:nth-child(3){float: right;margin-right: 0;}
.proimg2 li .newstxt{padding:20px 17px 17px 17px;}
.proimg2 li .newstxt .tit{font-size: 14px;font-weight: 600;color:#1c1c1c;padding-left: 30px;}
.proimg2 li .newsms{font:400 12px/20px "微软雅黑";color:#7c7c7c;padding-top:10px;}
.proimg2 li .newsdate{color:#7c7c7c;font-size: 12px;padding-top:18px;}
.proimg2 li .nnn{background:#d2d2d2;height:2px;margin-top: 17px;}
.proimg2 li:hover .nnn{background: #e5a4a6;}
.proimg2 li .newsmore{border:1px solid #d2d2d2;color:#7e7e7e;font-size: 10px;padding:3px 15px;background: #fff;
position: absolute;right: 18px;bottom: 15px;}
.proimg2 li:hover .newstxt .tit{color:#ce5558;}
.proimg2 li:hover .newsmore{border:1px solid #b5b5b5;background: #b5b5b5;color:#fff;}


.link{width: 1200px;position: relative;left: 50%;margin-left: -600px;padding-bottom: 10px;}

.out-foot{background: #f8f8f8;padding: 26px 0 12px 0;margin-top:52px;}
.fo1{width: 594px;height: 257px;overflow: hidden;position:relative;}
.gsm{color:#fff;font-size:12px;font-weight:200;position:absolute;right:91px;top:14px;line-height:34px;height:34px;overflow:hidden;}
.fo2{width:215px;padding-top:29px;}
.fo22{font-size: 14px;color:#323232;font:100 14px/48px "微软雅黑";color:#323232;}
.fo22 p{padding-left:24px;}
.fo22 p:nth-child(1){background: url(../images/11.png) no-repeat left center;}
.fo22 p:nth-child(2){background: url(../images/22.png) no-repeat left center;}
.fo22 p:nth-child(3){background: url(../images/33.png) no-repeat left center;}
.fo22 p:nth-child(4){background: url(../images/44.png) no-repeat left center;}



.fo3{width: 225px;padding-top:32px;}
.fo1t{color:#a1a1a1;font-size: 14px;text-transform: uppercase;letter-spacing:6px;font-weight:300;}
.fo1tt{color:#2e2e2e;font-size: 40px;font-weight: 600;}
.fo33{padding-top:14px;}
.wei{width:107px;}
.wtt{color:#6a6a6a;font-size:14px;padding-top:42px;padding-left:3px;}



.xmenu{}
.xmenu li{width: 83px;float: left;font:400 14px/48px "微软雅黑";color:#323232;}
.xmenu li a{color:#323232;}


.out-ff{background: #ce5558;padding: 10px 0;}
.foot1{color:rgba(255,255,255,0.6);font-size: 12px;}
.foot1 a{color:rgba(255,255,255,0.6);}

/*文字透明变化*/
.biaoti h1{
    animation-name: breath;                       
    animation-duration: 3s;                        
    animation-timing-function: ease-in-out;         
    animation-iteration-count: infinite;          
    -webkit-animation-name: breath;               
    -webkit-animation-duration: 3s;                 
    -webkit-animation-timing-function: ease-in-out; 
    -webkit-animation-iteration-count: infinite;
}
.biaoti h2{
    animation-name: breath;                       
    animation-duration: 4s;                        
    animation-timing-function: ease-in-out;         
    animation-iteration-count: infinite;          
    -webkit-animation-name: breath;               
    -webkit-animation-duration: 4s;                 
    -webkit-animation-timing-function: ease-in-out; 
    -webkit-animation-iteration-count: infinite;
}
@keyframes breath {
    from { opacity: 0.4; }                         
    50%  { opacity:   1; }                         
    to   { opacity: 0.4; }                         
}
@-webkit-keyframes breath {
    from { opacity: 0.4; }                          
    50%  { opacity:   1; }                         
    to   { opacity: 0.4; }                        
}


